@charset "utf-8";
/* CSS Document */
body{
    background-color: #efefef;
}
#nav{
    height:50px;
    width:100%;
    line-height:50px;
}


.wrapper{
    margin:15px auto;
    min-width:800px;
    position:relative;
}
.f_l{
    float:left;
}
.f_r{
    float:right;
}
.headersup{
    height:115px;
    border-bottom:1px solid #272727;
    background:#333;
    position:relative;
    left:0;
    right:0;
    overflow:hidden;
    min-width:800px;
}
.headersub{
    height:50px;
    border-top:1px solid #4a4a4a;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#363636), to(#202020));/* IE6.7.8*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#363636,endColorStr=#202020);/*FF*/
background: -moz-linear-gradient(top, #363636, #202020);/*chorme*/
background: -o-linear-gradient(top, #363636 0%,#202020 100%);/*open*/
position:relative;
left:0;
right:0;
min-width:800px;
border-bottom:1px solid #1a1a1a;
}


.headersup .topad{
    padding:14px 0;
}
.searchbox{
    height:35px;
    width:50px;
    overflow:hidden;
    position: absolute;
    right: 0;
    top:7px;
    transition: color 0s ease 0s, text-shadow 0.3s ease 0s, all 0.3s ease 0s;
    background:#494949;
    border-radius: 4px;
}
.searchbox:hover{
    width:200px;
    background:#fff;
}
.searcht{
    height:35px;
    line-height:35px;
    width:140px;
    border:none;
}
.searchb{
    width:50px;
    height:35px;
    background: url(../images/icon.png) 7px -57px no-repeat;
    border:none;
    cursor: pointer;
    outline:none
}
.imgshow{
    height:455px;
    background: url(../images/imgeshow-bg.gif);
    left: 0;
    min-width: 800px;
    position: relative;
    right: 0;
}
#imgshow{
    position:absolute;
    left:0;
    right:315px;
    overflow:hidden;
    min-width:485px;
    height:455px;
}
.gamelist{
    position:absolute;

    right:0;
    height:300px;
}

/*==============index img show =========================*/

#inner { width:100%;}
.hot-event {
    position:relative;
}
.hot-event .switch-tab {
    position: absolute;
    right:15px;
    top:360px;
    text-align: center;
    z-index: 10;
}
.hot-event .switch-tab a, .hot-event .switch-tab .current { display: inline-block; width:15px; height:3px; background-color:#999; text-indent:-999em; }
.hot-event .switch-tab .current { background-color:#fff; }
.hot-event .switch-nav { }
.hot-event .switch-nav .i-prev { background-image: url(../images/icon.png); background-position:-3px -263px; }
.hot-event .switch-nav .prev { left:0px; }
.hot-event .switch-nav .next { right:0; }
.hot-event .switch-nav .i-next { background-image: url(../images/icon.png); background-position:-3px -205px; }
.hot-event .switch-nav a { display: inline-block; width:30px; height:85px;background: rgba(0,0,0,.6);position: absolute; top:125px; z-index:5;}
.hot-event .switch-nav a:hover { background: rgba(0,0,0,.8); }
.hot-event .event-item { height: 380px; width:100%; position: absolute; z-index: 1; left: 0; top: 0; text-align:center; }
.hot-event .event-item .banner { display: block; }
.hot-event .event-item img { -webkit-box-reflect: below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(85%,transparent),to(rgba(255,255,255,.2))); border: 0; }
a .ico { cursor: pointer; }
.ico { display: inline-block; width:30px; height:85px; vertical-align: middle; overflow: hidden; }
.imgshouw-text{
    width:80%;
    height:auto;
    position:absolute;
    bottom:35px;
    padding:10px 15px;
    background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
    filter:Alpha(opacity=80); background:#000;/*实现IE背景透明*/
    color:#c6c6c6;
    text-align:left;
    font-size:1em;
}
.imgshouw-text h3{
    font-size:20px;
    color:#fff;
}
/*==============index img show end =========================*/

.title{
    display:inline-block;
    height:23px;
    font-size:20px;
    font-weight:bold;
    padding:0 12px 0 8px;
    line-height:23px;
}
.titlet-bt{
    color:#008be3;
    border-left:5px solid #000;
}
.titlet-b{
    background:url(../images/icon.png) right -125px no-repeat;
    border-left:5px solid #fff;
    color:#fff;
}
.titlet-h{
    background:url(../images/icon.png) right -173px no-repeat;
    border-left:5px solid #000;
    color:#333;
}
.gamelist .title,.imgshow .title{
    margin:17px 0;
}
.button{
    font-size:16px;
    height:30px;
    border-radius:3px;
    line-height:30px;
    text-align:center;
    display: inline-block;
    padding:0 15px;
    border:none;
    cursor:pointer;
}
.but-c-b{
    color:#fff;
}
.but-c-hei{
    background:#494949;
    color:#fff;
    cursor:pointer;
}
.but-c-hei:hover{
    background:#2b2b2b;
}
.but-c-h{
    color:#333;
}
.button:hover{
    text-decoration:none;
}
.login{
    background:#009966;
}
.register{
    background:#0098ff;
}
.login:hover{
    background:#008055;
}
.register:hover{
    background:#028cea;
}
.top-index_login{
    display:inline-block;
}
.top-index_login .button{
    margin-left:15px;
    padding:0 23px;
}
.sxuan{
    float:right;
}
.sxuan a{
    color:#999;
}
.sxuan a.acit{
    color:#f00;
}
.rightsub{
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
}
.rightsub a{
    transition: color 0s ease 0s, text-shadow 0.3s ease 0s, all 0.3s ease 0s;
}
.rightsub a.but-c-h{
    width:149px;
    background:#fefefe;
    font-weight:bold;
}
.rightsub a.but-c-h:hover{
    background:#f3f3f3;
}
.rightsub .but-c-h font{
    color:#f00;
}
.indexregister{
    background: #ddd url(../images/bg-photo.gif);
    text-align: center;
    padding: 20px 15px;
    color: #fefefe;
}
.light{
    background:#fff!important;
}
.indexregister span{
    display:block;
    color:#ccc;
    font-size:12px;
    margin-top:10px;
}
.indexregister span a{
    color:#fff;
    font-size:14px;
}
.indexregister span a:hover{
    color:#F00;
}
.indexlist{
    height: 100%;
    display:inline-block;
    position: relative;
}

.footer{
    clear:both;
    text-align:center;
}
.gzwomen{
    height:32px;
    color:#ccc;
}

.gzwomen a img{
    vertical-align:middle;
    padding:0 3px;
    filter:alpha(Opacity=80);-moz-opacity:0.7;opacity: 0.7;
    transition: color 0s ease 0s, text-shadow 0.3s ease 0s, all 0.3s ease 0s;
}
.gzwomen img:hover{
    filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;
}
.toptag{
    width:254px;
    border:3px solid #d9d9d9;
    padding:20px;
}
.toptag a{
    display:inline-block;
    padding:3px 10px;
    color:#999;
}
.toptag a:hover{
    background:#F00;
    color:#fff;
}
.subscription{
    width:260px;
    border:3px solid #d9d9d9;
    background:#fff;
    padding:2px;
}
.subscription .input-b{
    height:30px;
    width:50px;
    background:#f00;
    color:#fff;
    border:none;
    cursor:pointer;
}
.subscription .input-b:hover{
    background:#e40000;
}
.subscription .input-t{
    height:30px;
    width:210px;
    border:none;
}
.list{
    width:100%;
    float:left;
    border-top:1px solid #ccc;
    padding-top:15px;
}
.list ul{
    width:100%;/*
	margin:0 1.7% 0 0;*/
}
.list ul li{
    width:250px;
    border: 1px solid #ECECEC;
    margin-right: 1.5%;
    margin-bottom:15px;
    display:inline-block;
}
.list ul li a{
    text-decoration:none;
}
.list ul li div.f_l{
    padding:2.5%;
    background:#fff;
    width:94.5%;
}
.list ul li a h4{
    font-size: 1.4em;
    color: #333;
    transition: color 0s ease 0s, text-shadow 0.3s ease 0s, all 0.3s ease 0s;
    margin: 10px 0 15px
}
.list ul li a span{
    font-size:0.89em;
    color:#8d8d8d;
    padding:3px 0;
    display:block;
}
.list ul li a p{
    font-size:0.95em;
    color:#333;
    line-height:1.5em;
}

.texttag{
    background:url(../images/icon.png) -9px -4px no-repeat;
    display: block;
    padding: 5px 0 5px 15px;
    line-height: 18px;
}
.texttag a{
    display:inline-block; margin-left:7px;
    color:#8d8d8d;
    font-size:0.8em;
    transition: color 0s ease 0s, text-shadow 0.3s ease 0s, all 0.3s ease 0s;
}
.list ul li a h4:hover,.texttag a:hover{
    color:#ff0000;
}
.linkmorr{
    display:inline-block;
    width:100%;
    height:45px;
    color:#fff;
    background:#999;
    border-radius: 4px;
    transition: color 0s ease 0s, text-shadow 0.3s ease 0s, all 0.3s ease 0s;
    line-height:45px;
    text-align:center;
}
.linkmorr:hover{
    background:#333;
}
.footer{
    background:url(../images/footerbg.gif);
    float:left;
    width:100%;
    padding-bottom:20px;
}
.footer-up{
    color:#fff;
}
.footer-up img{
    vertical-align:top;
    margin-right:15px;
}
.footer-up font{
    font-size:24px;
}
.footer-up a{
    font-size:12px;
    color:#999;
    margin:15px 10px 0;
    display:inline-block;
}
.footer-cent{
    height:40px;
    padding-top:10px;
    background:url(../images/imgeshow-bg.gif);
}
.footer-du{
    font-size:12px;
    color:#999;
}
div.post-meta-top span{/*
	display:inline-block;
	margin-right:15px;
	padding-left:20px;
	color:#999;
	font-size:1em;
	background-image:url(../images/icon.png);
	background-repeat:no-repeat;
	*/
    display: inline-block;
    margin-right: 15px;
    padding-left: 24px;
    color: #999;
    font-size: 1em;
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    height: 20px;
    line-height: 20px;
}
span.posts{
    background-position:1px -360px;
}

span.time{
    background-position:1px -383px;
}

span.map{
    background-position:1px -436px;
}

span.preview{
    background-position:1px -407px;
}
#texebox{
    padding-right: 325px;
    position: relative;
}
#texebox h1{
    font-weight:bold;
    font-size:22px;
    color:#F15997;
}
#texebox .titlet-bt{
    margin-top:15px;
    padding:0 105px 0 8px;
}
#addcart{
    display: block;
    width: 100px;
    border-radius:4px;
    text-decoration:none;
    height: 30px;
    background: #a5c22c;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    position:absolute;
    right:335px;
    top:15px;
}
#addcart:hover{
    background:#89a807;
}
.fmt{font-size:14px;line-height:1.6;word-wrap:break-word}
.fmt h1,.fmt h2{font-size:1.393em}
.fmt h1{border-bottom:1px solid #EEE}
.fmt p,.fmt ul,.fmt ol,.fmt h1,.fmt h2,.fmt h3,.fmt h4,.fmt pre,.fmt blockquote,.fmt hr,.fmt table{margin:20px 0}
.fmt p:first-child,.fmt ul:first-child,.fmt ol:first-child,.fmt h1:first-child,.fmt h2:first-child,.fmt h3:first-child,.fmt h4:first-child,.fmt pre:first-child,.fmt blockquote:first-child,.fmt hr:first-child,.fmt table:first-child{margin-top:0}
.fmt img{max-width:100%}
.fmt blockquote{margin-left:0;border-left:4px solid #009a61;padding:15px;background:#f3f3f3}
.fmt blockquote p:last-child{margin-bottom:0}
.fmt pre,.fmt code{background:#EEE}
.fmt pre{padding:15px;overflow:auto;max-height:400px;font-size:13px;line-height:1.5;word-wrap:normal}
.fmt hr{margin:20px auto 40px;border:0;text-align:center;font-size:16px;color:#999}
.fmt hr:before{content:'* * *'}.fmt table{margin:1em 0;width:100%}
.fmt table th,.fmt table td{border:1px solid #e6e6e6;padding:6px 10px}
.fmt table th{background:#f3f3f3}.tipsy{font-size:12px;position:absolute;padding:5px;z-index:100000}

#texebox .fmt{
    width:100%;
}
div.share{
    text-align:center;
}
div.share span{
    display:inline-block;
    height:55px;
    vertical-align: top;
    margin-right:10px;
}
div.share span a{
    display:inline-block;
    height:55px;
    background-image: url(../images/icon.png);
    background-repeat:no-repeat;
    line-height:55px;
    color:#fff;
    text-decoration:none;
    transition: color 0s ease 0s, text-shadow 0.3s ease 0s, all 0.3s ease 0s;
}
.sinaweibo a, .QQweibo a,.renrenSNS a,.sharemorr a{
    width:55px;
    text-indent:-999em;
}
.zan{
    overflow: hidden;
    background-color:#feb300;
    background-image: url(../images/icon.png);
    background-repeat:no-repeat;
    background-position:11px -499px;
    padding:0 15px 0 55px;
}
.zan a{
    background-position:-30px 20px;
    font-size:30px;
}
.zan a font{
    display:block;
    height:55px;
}
.zan a font b{
    font-family:'Impact',Arial;
    font-size:40px;
    vertical-align:top;

}
.zan a:hover{
    margin-top:-55px;
}
.sinaweibo a{
    background-color:#e40000;
    background-position:9px -550px;
}
.sinaweibo a:hover{
    background-color:#9f0101;
}
.QQweibo a{
    background-color:#0290d9;
    background-position:8px -601px;
}
.QQweibo a:hover{
    background-color:#006ea7;
}
.renrenSNS a{
    background-color:#ba6e12;
    background-position:11px -651px;
}
.renrenSNS a:hover{
    background-color:#904f01;
}
.sharemorr a{
    background-color:#67cd0d;
    background-position:10px -703px;
}
.sharemorr a:hover{
    background-color:#50a900;
}
.page-n-p{
    display:inline-block;
    width:100%;
    clear:both;
}
.page-n-p span{
    font-size:1em;
    color:#999;
}
.page-n-p div{
    width:50%;
}
.page-n-p a{
    text-decoration:none;
}
.page-n-p a h3{
    font-size:1.2em;
    color:#666;
    font-weight:bold;
    line-height:1.7em;
}
.page-n-p a h3:hover{
    color:#a5c22c;
}

.text-prev{
    text-align:left;
}

.text-next{
    text-align:right;
}

.textcontent-ad{
    width:100%;
    text-align:center;
}
.textcontent-ad img{
    width:100%;
}

.commentslist{
    border-left:1px solid #ccc;
}

.commentslist ul{
    margin-left:-7px;
}

.commentslist ul li{
    background:url(../images/plun-icon.png) 0px -30px no-repeat;
    padding-left:25px;
    margin-bottom:15px;
}
.commentslist textarea,.commentslist .huifu,.commentslist .textcommen{
    border:2px solid #dcdcdc;
    padding:10px;
    background:#fff;
}

.commentslist .huifu div,.commentslist .textcommen div{
    display:inline-block;
    height:100%;
}

.commentslist div img{
    position:absolute;
}
.commentslist div span,.commentslist div time,.commentslist div p{
    margin-left:90px;
    display:block;
}
.commentslist div span{
    color:#e40000;
}
.commentslist div time{
    color:#999;
    font-size:0.9em;
}
.commentslist div a{
    color:#ccc;
    visibility:hidden;
}
.commentslist div:hover a{
    visibility:visible;
}
.commentslist .huifuicon{
    background: url("../images/plun-icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 10px;
    margin: 0;
    position: relative;
    top: -8px;
    width: 20px;
    z-index: 5;
}
.commentslist .huifu{
    padding:0 10px 10px;
}

.commentslist textarea{
    width:90%;
    height:80px;
    display:block;
}
.gameinfo{
    border: 3px solid #D9D9D9;
    width:294px;
    font-family:'Impact',Arial;
    font-size:26px;
    color:#999;
}
.duiming font{
    font-weight:bold;
    font-family:"微软雅黑",helvetica;
    padding:0 5px;
}
.duiming{
    height:75px;
    border-bottom:1px solid #d9d9d9;
    text-align:center;
    line-height:36px;
    padding-top:15px;
}
.duiming time{
    font-size:12px;
    color:#999;
    display:block;
    width:100%;
    font-family:Arial;
}
.border-r{
    border-right:1px solid #d9d9d9;
}
.shenglv{
    border-bottom:1px solid #d9d9d9;
    float:left;
}
.shenglv a{
    padding:12px;
    float:left;
    width:73.2px;
    text-decoration:none;
    color:#b4b4b4;
    height:60px;
    transition: color 0s ease 0s, text-shadow 0.3s ease 0s, all 0.3s ease 0s;
}
.shenglv a font{
    display:block;
    width:33px;
    height:25px;
    background:#b4b4b4;
    border-radius:3px;
    font-size:12px;
    text-align:center;
    line-height:25px;
    color:#fff;
    margin-bottom:5px;
    transition: color 0s ease 0s, text-shadow 0.3s ease 0s, all 0.3s ease 0s;
}
.shenglv a:hover{
    color:#666;
}
.shenglv a:hover .shenglv-color-s{
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#008e66), to(#00684b));/* IE6.7.8*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#008e66,endColorStr=#00684b);/*FF*/
background: -moz-linear-gradient(top, #008e66, #00684b);/*chorme*/
background: -o-linear-gradient(top, #008e66 0%,#00684b 100%);/*open*/
color:#fff;
}

.shenglv a:hover .shenglv-color-p{
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffe446), to(#e3c614));/* IE6.7.8*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffe446,endColorStr=#e3c614);/*FF*/
background: -moz-linear-gradient(top, #ffe446, #e3c614);/*chorme*/
background: -o-linear-gradient(top, #ffe446 0%,#e3c614 100%);/*open*/
color:#000;
}
.shenglv a:hover .shenglv-color-f{
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d96669), to(#9c383b));/* IE6.7.8*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#d96669,endColorStr=#9c383b);/*FF*/
background: -moz-linear-gradient(top, #d96669, #9c383b);/*chorme*/
background: -o-linear-gradient(top, #d96669 0%,#9c383b 100%);/*open*/
color:#fff;
}
.touzhu{
    font-size:0.6em;
    display:inline-block;
    padding:10px;
    width:278px;
    line-height:22px;
    color:#666;
}
.touzhu form{
    height:30px;
    line-height:33px;
    width:100%;
}
.touzhu .text-inp{
    width:50px;
    display:inline-block;
    margin:0 10px;
}

/*==================   2013-12-3 =====================*/

#login{
    display:none;
    background:url(../images/bodybg.gif);
    border:3px solid #CCC;
    width:384px;
    height:250px;
    padding:30px;
}

.loginpage div.inputbox,#login div.inputbox{
    border:1px solid #666;
    border-radius:4px;
    background:#fff;
    margin:15px 0;
}
.border-t{
    border-top:1px solid #666;
}
.loginpage div .input-t,#login div .input-t{
    border:none;
    height:20px;
    width:100%;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    outline-width: 0;
}
.loginpage div span,#login div span{
    padding:10px;
    display:block;
}

.loginpage span.f_r a,#login span.f_r a{
    color:#999;
    margin-left:5px;
}

#logincolse{
    display:block;
    position:absolute;
    border:2px solid #CCC;
    border-radius:2px;
    width:25px;
    height:25px;
    line-height:23px;
    text-align:center;
    font-size:20px;
    color:#999;
    font-weight:bold;
    cursor:pointer;
    position:absolute;
    top:15px;
    right:15px;
}
#logincolse:hover{
    background:#ccc;
    color:#fff;
}

.loginpage{
    width:350px;
    padding:45px;
    background:#fff;
    border:3px solid #ccc;
    margin:45px auto;
}


/*==================2013-12-11====================*/
#useric{
    height:30px;
    background:#333;
    border-bottom:1px solid #212121;
    line-height:30px;
    color:#CCC;
    font-size:12px;
}
.useric a{
    color:#CCC;
    font-size:12px;
    padding:0 10px;
}
.useric a.username{
    color:#FFF;
    font-weight:bold;
}
.mininav{
    width:100%;
    height:16px;
    font-size:12px;
    color:#999;
}
.mininav a{
    color:#999;
    margin:0 5px;
    text-decoration:none;
}
.mininav a:hover{
    color:#F00;
}
/*=====================2013.12.14=======================*/

#tiles {
    width:100%;
    position: relative;
    margin: 0;
    list-style-type: none;
}
#tiles li a img{
    border: 0;
    outline: 0;
    width:250px;
}
.indexlist{
    width:100%;
}
/*==============2014.1.7=======================*/
.topad{
    max-width:728px;
    width:70%;
    min-width:560px;
}
.topad a img{
    width:100%;
}

/*==========================20141031===========================*/
#hotlistshow .column1080{
	width:1005px;
	margin:0 auto;
	display:table;
	padding:0 40px;
	border:1px solid #dedede;
	height:240px;
	position:relative;
	}
.listshow{
	width:100%;
	float:left;
	overflow:hidden;
	}
.listshow li{
	border-left:1px solid #dedede;
	width:180px;
	float:left;
	height:240px;
	padding:10px;
	margin-left:-1px;
	}
.listshow li div{
	 display: table-cell;
    height: 180px;
    text-align: center;
    vertical-align: middle;
    width: 180px;
	}
.listshow li a div img{
	 
	}
.listshow li a{
	font-size:12px;
	color:#999;
	line-height:1.35em;
	display:block;
	}
.listshow li a:hover{
	color:#555;
	}
.DBlr a{
	position:absolute;
	top:100px;
	filter:alpha(opacity=100); /*IE滤镜，透明度50%*/  
	opacity:1;/*其他，透明度50%*/  
	}
	
.DBlr a.disabled{
	filter:alpha(opacity=70); /*IE滤镜，透明度50%*/  
	opacity:0.7;/*其他，透明度50%*/  
	cursor: default;
	}

.hotlistshow-prev{
	left:5px;
	}
.hotlistshow-next{
	right:5px;
	}

.listshowhoticon{
	position:absolute;
	left:0;
	top:0;
	}
.DBlisticon{
	position:absolute;
	right:0px;
	top:-16px;
	width:80px;
	}
.DBlisticon li{
	float:left;
	margin-left:7px;
	}
.DBlisticon li a{
	display:block;
	height:8px;
	width:8px;
	background:#CCC;
	border-radius:50%;
	text-indent:-99999em;
	}
.DBlisticon li a.DBcrtive,.DBlisticon li a:hover{
	background:#f15997;
	}
/*==========================================================*/
/*=======================hot tab 轮播=============================*/
.dn{
    display: none!important;
    visibility: hidden;!important;
}
/*================================================================*/